import { useState, useEffect } from 'react';
import moment from 'moment';
import './index.css';
import { history } from 'umi';
export default function IndexPage() {
  const weeks = [
    '星期日',
    '星期一',
    '星期二',
    '星期三',
    '星期四',
    '星期五',
    '星期六',
  ];
  const [renderKey, setRenderKey] = useState(1);
  useEffect(() => {
    const timer = setInterval(() => {
      setRenderKey(Math.random());
    }, 1000);
    // 组件卸载清除定时器
    return () => clearInterval(timer);
  }, []);
  return (
    <div className="d">
      <div className="da">
        <div className="day">
          <div className="days1">
            <h3>通知公告</h3>
            <a>
              <img
                onClick={() => {
                  history.push('/home/notice/administration');
                }}
                src={require('./img/more_bg.gif')}
              />
            </a>
          </div>
          <div className="days2">
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>关于公司人事任免通知书</a>
              <span>2020.08.13</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>关于2020年春节放假的通知</a>
              <span>2020.01.10</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>关于最新的公司规章制度细节通知</a>
              <span>2021.02.11</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>公司内部招聘公告</a>
              <span>2021.01.15</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>关于开展《经济合同法》的相关培训</a>
              <span>2020.09.17</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>夏雪签署于光大公司的大订单，奖励3000元</a>
              <span>2019.06.05</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>关于六月份综合工作培训内容及相关</a>
              <span>2020.06.06</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>销售部招聘员工通知</a>
              <span>2019.06.05</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>关于各分公司培训会议的通知</a>
              <span>2020.06.16</span>
            </p>
          </div>
        </div>
        <div className="day">
          <div className="days1">
            <h3>图片新闻</h3>
            <a>
              <img
                onClick={() => {
                  history.push('/home/notice/news');
                }}
                src={require('./img/more_bg.gif')}
              />
            </a>
          </div>
          <div className="journalism">
            <a>
              <div className="jour">
                <img
                  src={require('./img/公司入选2018年中国民营企业500强.jpg')}
                />
                <div className="nal">
                  <h5>
                    公司入选2018年中国民营企业500强 <span>2021.01.28</span>
                  </h5>
                  <p>
                    来源：总部编辑：中国xxxx北京消息（王涛）8月18日，由中华全国工商业联合会评选的“2014中国民营企业500强”榜单揭晓，xxxx位列榜单第28位。“中国民营企业500强”是中华全国工商业联合会在...
                  </p>
                </div>
              </div>
            </a>
            <a>
              <div className="jour">
                <img src={require('./img/公司运动会新闻.jpg')} />
                <div className="nal">
                  <h5>
                    公司运动会新闻<span>2021.01.07</span>
                  </h5>
                  <p>
                    为了加强企业内部凝聚力、增进同事之间的工作友谊、丰富员工的业余生活，公司决定于7月9日下午组织全体员工在篮球场举行三樱运动会，公司员工运动会新闻稿范文大全2018年7月月9日下午14点，由珠海三樱日用...
                  </p>
                </div>
              </div>
            </a>
            <a>
              <div className="jour">
                <img src={require('./img/物流部策划书上线通知.jpg')} />
                <div className="nal">
                  <h5>
                    物流部策划书上线通知<span>2021.02.11</span>
                  </h5>
                  <p>
                    现在的互联网时代，公司的发展不仅仅是靠现实中宣传，在网络上扩大影响力也是十分重要的，在不断的进步中，很多公司都会建立自己公司的门户网站，这些都是非常有必要的，网络上的宣传对公司的发展是很有帮助的，这些...
                  </p>
                </div>
              </div>
            </a>
          </div>
        </div>
        <div className="day">
          <div className="days1">
            <h3>考勤打卡</h3>
            <a>
              <img
                onClick={() => {
                  history.push('/home/news');
                }}
                src={require('./img/more_bg.gif')}
              />
            </a>
          </div>
          <div className="check">
            <div className="date">
              {moment().format('YYYY-MM-DD')}&nbsp;{weeks[moment().day()]}
              <a>上传照片...</a>
            </div>
            <div className="time">
              {moment().format('HH:mm:ss')} <button>签到打卡</button>
            </div>
          </div>
        </div>
      </div>
      <div className="da">
        <div className="day">
          <div className="days1">
            <h3>我的申请</h3>
            <a>
              <img src={require('./img/more_bg.gif')} />
            </a>
          </div>
          <div className="days2">
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>其他费用报销_180.0000_2023-01-10_张研...</a>
              <span>2020.08.13</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>1_200.0000_2023-01-10_张妍_FY2023010...</a>
              <span>2020.01.10</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>加班申请单_部门审批_陈凯明，程星宇，陈媛...</a>
              <span>2021.02.11</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>紧急_关于车辆使用的通告_公开_签发人_...</a>
              <span>2021.01.15</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>紧急_关于公司最近工作展开的报告_机密_签...</a>
              <span>2020.09.17</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>普通_关于xxx同志临危不惧勇斗歹徒的公文...</a>
              <span>2019.06.05</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>加急_关于生态区工程进程的指示_机密_签发...</a>
              <span>2020.06.06</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>普通_第x届第x次股东会的决议_公开_签发...</a>
              <span>2019.06.05</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>加急_关于XX湖生态区开发建设项目协调会...</a>
              <span>2020.06.16</span>
            </p>
          </div>
        </div>
        <div className="day">
          <div className="days1">
            <h3>我的待办</h3>
            <a>
              <img
                onClick={() => {
                  history.push('/home/initiate/backlog');
                }}
                src={require('./img/more_bg.gif')}
              />
            </a>
          </div>
          <div className="days2">
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>贷款申请_采购</a>
              <span>2020.08.13</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>贷款申请_采购</a>
              <span>2020.01.10</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>贷款申请_采购</a>
              <span>2021.02.11</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>加班申请单_张妍_2</a>
              <span>2021.01.15</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>周涛敏_年假_2_张晓</a>
              <span>2020.09.17</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>紧急_定于9日9-10召开全区宣传部长座谈会...</a>
              <span>2019.06.05</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>加急_广东珠海20xx年优秀企业成功经验高层...</a>
              <span>2020.06.06</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>紧急_关于年终结账财务核算的内容通知_公开...</a>
              <span>2019.06.05</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>普通_关于近期安全会议工作_公开_顾方可</a>
              <span>2020.06.16</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>加急_关于召开优秀企业成功经验高层研讨会...</a>
              <span>2020.09.17</span>
            </p>
          </div>
        </div>
        <div className="day">
          <div className="days1">
            <h3>我的已办</h3>
            <a>
              <img
                onClick={() => {
                  history.push('/home/initiate/accomplish');
                }}
                src={require('./img/more_bg.gif')}
              />
            </a>
          </div>
          <div className="days2">
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>其他费用报销_180.0000_2023-01-10_张研...</a>
              <span>2020.08.13</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>1_200.0000_2023-01-10_张妍_FY2023010...</a>
              <span>2020.01.10</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>加班申请单_部门审批_陈凯明，程星宇，陈媛...</a>
              <span>2021.02.11</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>紧急_关于车辆使用的通告_公开_签发人_...</a>
              <span>2021.01.15</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>紧急_关于公司最近工作展开的报告_机密_签...</a>
              <span>2020.09.17</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>普通_关于xxx同志临危不惧勇斗歹徒的公文...</a>
              <span>2019.06.05</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>加急_关于生态区工程进程的指示_机密_签发...</a>
              <span>2020.06.06</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>普通_第x届第x次股东会的决议_公开_签发...</a>
              <span>2019.06.05</span>
            </p>
            <p>
              <img src={require('./img/red_list.gif')} />
              <a>加急_关于XX湖生态区开发建设项目协调会...</a>
              <span>2020.06.16</span>
            </p>
          </div>
        </div>
      </div>
    </div>
  );
}
